<!doctype html>
<html lang="en">

<head>
	<meta charset="utf-8">
	<title>系统登录</title>
	<meta name="description" content="particles.js is a lightweight JavaScript library for creating particles.">
	<meta name="author" content="Vincent Garreau" />
	<meta name="viewport"
		content="width=device-width, initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=no">
</head>

<body>

	<div id="particles-js" style="width:100%; height:100%; overflow: hidden;">
		<div class="login" *ngIf="!moreLoginState"
		 [ngStyle]="{'height':!loginDomain && !loginCode?'loginHeight3':loginDomain || loginCode?'loginHeight2':'loginHeight1'}">
			<div class="login-top">
				登录
			</div>
			<div class="login-center clearfix">
				<div class="login-center-img"><img src="../../../assets/img/name.png" /></div>
				<div class="login-center-input">
					<input type="text" name="" value="" [(ngModel)]="username" class="username" placeholder="请输入用户名"
						onfocus="this.placeholder=''" onblur="this.placeholder='请输入用户名'" (keyup.enter)="onusername()" (blur)="onusername()" />
					<div class="login-center-input-text">用户名</div>
				</div>
			</div>
			<div class="login-center clearfix">
				<div class="login-center-img"><img src="../../../assets/img/password.png" /></div>
				<div class="login-center-input">
					<input type="password" name="" value="" [(ngModel)]="password" placeholder="请输入密码"
						onfocus="this.placeholder=''" onblur="this.placeholder='请输入密码'" (keyup.enter)="passwordEnter()" />
					<div class="login-center-input-text">密码</div>
				</div>
			</div>
			<div class="login-center clearfix" *ngIf="!loginDomain">
				<div class="login-center-img"><i nz-icon type="switcher"></i></div>
				<div class="login-center-input">
					<nz-select style="width: 230px;" nzShowSearch nzAllowClear [(ngModel)]="ljmc">
						<nz-option *ngFor="let option of ljmc_List" [nzValue]="option.optionValue"
							[nzLabel]="option.optionName"></nz-option>
					</nz-select>
					<div class="login-center-input-text">领域ID</div>
				</div>
			</div>
			<div class="login-center clearfix" *ngIf="!loginCode">
				<div class="login-center-img"><i nz-icon type="solution"></i></div>
				<div class="login-center-input">
					<input type="text" name="" value="" [(ngModel)]="ValidateCode" placeholder="请输入验证码" id="ValidateCode"
						onfocus="this.placeholder=''" onblur="this.placeholder='请输入验证码'" (keydown)="keyDown($event)"
						style="width:140px;" />
					<div class="yanzm" style="float:right;"><img [src]="yzmimg" width="80" height="30"
							(click)="showYzm()" /></div>
					<div class="login-center-input-text">验证码</div>
				</div>
			</div>
			<button [disabled]='loginSub' class="login_denglu" nz-button nzType="primary" (click)="login()" disabled>登录</button>
			<div class="login-center clearfix loginMore">
				<div class="logintex">第三方登录</div>
				<div class="loginImg">
					<img [src]="item.thirdSysUrl" [title]="item.thirdSysName + '登录'" *ngFor="let item of moreLoginList" (click)="moreLogin(item)" />
				</div>
			</div>
		</div>
		
		<div class="login loginHeight1" *ngIf="moreLoginState">
			<div class="login-top">
				{{moreLoginTitle}}
			</div>
			<div class="login-center clearfix loginMore">
				<div id="qrcode"></div>
				<!-- <img src="http://szthj.com/m-weixin/login/authlogin?code=WeiXin-22140170337824768" class="loginImage"/> -->
				<!-- <img [src]="moreLoginImage.QrUrl" class="loginImage"/> -->
				<!-- <img [src]="yzmimg" class="loginImage"/> -->
			</div>
			<div class="login-center clearfix loginMore">
				<div class="logintex"><a (click)="userLogin()">返回账号密码登录</a></div>
			</div>
		</div>
		<div class="sk-rotating-plane"></div>
	</div>


</body>

</html>